.graybg{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
}
* {margin: 0;padding: 0}
            #calendar {width: 356px;margin: 100px auto;overflow: hidden;border: 1px solid #000;padding: 20px;position: relative;background: #FFFFFF;}
            #calendar h1 {text-align: left;margin-bottom: 10px;font-size: 11px;}
            #calendar .a1 {position: absolute;top: 20px;left: 20px;}
            #calendar .a2 {position: absolute;top: 20px;right: 20px;}
            #calendar .week {height: 20px;line-height: 20px;}
            #calendar .week li {float: left;width: 50px;height: 20px;text-align: center;list-style: none;font-size: 9px;background: #e5e5e5;line-height: 20px;}
            #calendar .dateList {overflow: hidden;clear: both;border-bottom: 1px solid #e5e5e5;}
            #calendar .dateList li {float: left;width: 49px;height: 30px;list-style: none;font-size: 8px;text-indent: 4px;border: 1px solid #e5e5e5;margin-right: -1px;margin-bottom: -1px;}
            #calendar .dateList li span{float: right;font-size: 8px;margin-right: 4px;color: rgba(0,0,0,0.5);}
            #calendar .dateList li i{text-align: center;display: block;font-style: initial;color: rgba(0,0,0,0.89);}
            #calendar .dateList .ccc {color: #000;}
            #calendar .dateList .red {color: red;}
            #calendar .dateList .sun {color: #f00;}